<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="order by dede58.com"/>
<link href="/static/css/common.css" rel="stylesheet" type="text/css" />
<link href="/static/css/style.css" rel="stylesheet" type="text/css" />
<link href="/static/css/user_style.css" rel="stylesheet" type="text/css" />
<link href="/static/skins/all.css" rel="stylesheet" type="text/css" />
<script src="/static/js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="/static/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script src="/static/js/common_js.js" type="text/javascript"></script>
<script src="/static/js/footer.js" type="text/javascript"></script>
<script src="/static/layer/layer.js" type="text/javascript"></script>
<script src="/static/js/iCheck.js" type="text/javascript"></script>
<script src="/static/js/custom.js" type="text/javascript"></script>
<title>订单管理</title>
</head>

<body>
<head>
 <div id="header_top">
  <div id="top">
    <div class="Inside_pages">
        {% if user.is_authenticated %}
     <div class="login_btn fl">
        欢迎您：<em>{{ user.username }}</em>
        <span>|</span>
        <a href="/logout">退出</a>
    </div>
        {% else %}
      <div class="Collection">
          <a href="/login" class="green">请登录</a><span>|</span> <a href="/register" class="green">免费注册</a></div>
         {% endif %}
	<div class="hd_top_manu clearfix">
	  <ul class="clearfix">
	   <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="{{ url("index:index") }}">首页</a></li>
	   <li class="hd_menu_tit" data-addclass="hd_menu_hover"> <a href="/usercenter/">我的小充</a> </li>
{#	   <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">消息中心</a></li>#}
{#       <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">商品分类</a></li>#}
        <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="/carts/">我的购物车<b>({{ count }})</b></a></li>
	  </ul>
	</div>
    </div>
  </div>
  <div id="header"  class="header page_style">
  <div class="logo"><a href="{{ url("index:index") }}"><img src="/static/images/logo.png" /></a></div>
  <!--结束图层-->
  <div class="Search">
        <div class="search_list">
            <ul>
                <li class="current"><a href="#">产品</a></li>
                <li><a href="#">信息</a></li>
            </ul>
        </div>
        <div class="clear search_cur">
           <input name="searchName" id="searchName" class="search_box" onkeydown="keyDownSearch()" type="text">
           <input name="" type="submit" value="搜 索"  class="Search_btn"/>
        </div>
        <div class="clear hotword">热门搜索词：香醋&nbsp;&nbsp;&nbsp;茶叶&nbsp;&nbsp;&nbsp;草莓&nbsp;&nbsp;&nbsp;葡萄&nbsp;&nbsp;&nbsp;菜油</div>
</div>
 <!--购物车样式-->
 <div class="hd_Shopping_list " id="Shopping_list">
   <div class="s_cart"><a href="/carts/">我的购物车</a> <i class="ci-right">&gt;</i><i class="ci-count" id="shopping-amount">{{ count }}</i></div>
   <div class="dorpdown-layer">
    <div class="spacer"></div>
	 <!--<div class="prompt"></div><div class="nogoods"><b></b>购物车中还没有商品，赶紧选购吧！</div>-->
	 <ul class="p_s_list">
		<li>
            {% for cart in cart_skus %}
		    <div class="img"><img src="{{ cart.default_image_url }}"></div>
		    <div class="content"><p class="name"><a href="#">产品名称</a></p><p>{{ cart.name }}</p></div>
			<div class="Operations">
			<p class="Price">￥{{ cart.price }}</p>
			<p><a href="#">数量：{{ cart.count }}</a></p>
                {% endfor %}
            </div>
		  </li>
		</ul>
	 <div class="Shopping_style">
	 <div class="p-total">共<b>{{ count }}</b>件商品　共计<strong>￥ {{ price_mall }}</strong></div>
	  <a href="/carts/" title="去购物车结算" id="btn-payforgoods" class="Shopping">去购物车结算</a>
	 </div>
   </div>
 </div>
</div>
<!--菜单栏-->
	<div class="Navigation" id="Navigation">
		 <ul class="Navigation_name">
			<li><a href="Home.html">首页</a></li>
			<li><a href="#">你身边的超市</a></li>
			<li><a href="#">预售专区</a><em class="hot_icon"></em></li>
			<li><a href="products_list.html">商城</a></li>
			<li><a href="#">半小时生活圈</a></li>
			<li><a href="#">好评商户</a></li>
			<li><a href="#">热销活动</a></li>
			<li><a href="Brands.html">联系我们</a></li>
		 </ul>			 
		</div>
	<script>$("#Navigation").slide({titCell:".Navigation_name li",trigger:"click"});</script>
    </div>
</head>
<div class="user_style clearfix">
 <div class="user_center clearfix">
   <div class="left_style">
     <div class="menu_style">
     <div class="user_title">用户中心</div>
     <div class="user_Head">
     <div class="user_portrait">
      <a href="/test" title="修改头像" class="btn_link"></a> <img src="{{ image }}">
      <div class="background_img"></div>
      </div>
      <div class="user_name">
       <p><span class="name">{{ user.username }}</span><a href="/password">[修改密码]</a></p>
       <p>访问时间：{{ last_login }}</p>
       </div>
     </div>
     <div class="sideMen">
     <!--菜单列表图层-->
         <dl class="accountSideOption1">
      <dt class="transaction_manage"><em class="icon_1"></em>用户管理</dt>
      <dd>
        <ul>
          <li> <a href="/usercenter">用户信息</a></li>
        </ul>
      </dd>
    </dl>
     <dl class="accountSideOption1">
      <dt class="transaction_manage"><em class="icon_1"></em>订单管理</dt>
      <dd>
        <ul>
          <li> <a href="{{ url('users:my_orders', kwargs={"page_num": 1}) }}">我的订单</a></li>
          <li> <a href="/address">收货地址</a></li>
        </ul>
      </dd>
    </dl>
{#     <dl class="accountSideOption1">#}
{#      <dt class="transaction_manage"><em class="icon_2"></em>会员管理</dt>#}
{#        <dd>#}
{#      <ul>#}
{#        <li> <a href="#"> 用户信息</a></li>#}
{#        <li> <a href="用户中心-我的收藏.html"> 我的收藏</a></li>#}
{#        <li> <a href="#"> 我的留言</a></li>#}
{#        <li> <a href="#">我的标签</a></li>#}
{#        <li> <a href="#"> 我的推荐</a></li>#}
{#        <li><a href="#"> 我的评论</a></li>#}
{#      </ul>#}
{#    </dd>#}
{#    </dl>#}
{#     <dl class="accountSideOption1">#}
{#      <dt class="transaction_manage"><em class="icon_3"></em>账户管理</dt>#}
{#      <dd>#}
{#       <ul>#}
{#        <li><a href="用户中心-账户管理.html">账户余额</a></li>#}
{#       <li><a href="用户中心-消费记录.html">消费记录</a></li>     #}
{#       <li><a href="#">资金管理</a></li>#}
{#      </ul>#}
{#     </dd>#}
{#    </dl>#}
{#     <dl class="accountSideOption1">#}
{#      <dt class="transaction_manage"><em class="icon_4"></em>分销管理</dt>#}
{#      <dd>#}
{#        <ul>#}
{#          <li> <a href="#">店铺管理</a></li>#}
{#          <li> <a href="#">我的盟友</a></li>#}
{#          <li> <a href="#">我的佣金</a></li>#}
{#          <li> <a href="#">申请提现4</a></li>#}
{#        </ul>#}
{#      </dd>#}
{#    </dl>#}
    </div>
{#      <script>jQuery(".sideMen").slide({titCell:"dt", targetCell:"dd",trigger:"click",defaultIndex:0,effect:"slideDown",delayTime:300,returnDefault:true});</script>#}
   </div>
 </div>
 <!--右侧样式-->
  <div class="right_style">
  <div class="title_style"><em></em>订单管理</div>
      {% for order in page_orders %}
   <div class="Order_form_style">
{#      <div class="Order_form_filter">#}
{#       <a href="#" class="on">全部订单（23）</a>#}
{#       <a href="#" class="">代付款（2）</a>#}
{#       <a href="#" class="">代发货（3）</a>#}
{#       <a href="#" class="">待收货（5）</a>#}
{#       <a href="#" class="">退货/退款（0）</a>#}
{#       <a href="#" class="">交易成功（0）</a>#}
{#       <a href="#" class="">交易关闭（0）</a>#}
{#      </div>#}
{#      <div class="Order_Operation">#}
{#     <div class="left"> <label><input name="" type="checkbox" value=""  class="checkbox"/>全选</label> <input name="" type="submit" value="批量确认收货"  class="confirm_Order"/></div>#}
{#     <div class="right_search"><input name="" type="text"  class="add_Ordertext" placeholder="请输入产品标题或订单号进行搜索"/><input name="" type="submit" value="搜索订单"  class="search_order"/></div>#}
{#      </div>#}
      <div class="Order_form_list">
         <table>
         <thead>
          <tr><td class="list_name_title0">商品</td>
          <td class="list_name_title1"></td>
          <td class="list_name_title2"></td>
          <td class="list_name_title4">实付款(元)</td>
          <td class="list_name_title5">订单状态</td>
          <td class="list_name_title6">操作</td>
         </tr>
         </thead>
         <tbody>
           <tr class="Order_info"><td colspan="6" class="Order_form_time"><input name="" type="checkbox" value=""  class="checkbox"/>下单时间：{{ order.create_time.strftime('%Y-%m-%d %H:%M:%S') }} | 订单号：{{ order.order_id }} <em></em></td></tr>
           <tr class="Order_Details">
           <td colspan="3">
           <table class="Order_product_style">
           <tbody>
           <tr>
           <td>
               {% for sku in order.sku_list %}
            <div class="product_name clearfix">
            <ul>
            <li href="#" class="product_img"><img src="{{ sku.default_image }}" width="80px" height="80px"></li>
            <li href="3" class="p_name">{{ sku.name }}</li>
                <li>单价(元）{{ sku.price }}元</li>
                   <li>数量：{{ sku.count }}</li>
{#            <p class="specification">礼盒装20个/盒</p>#}
            </div>
                   {% endfor %}
            </td>


            </tr>
            </tbody>
            </table>
           </td>

           <td class="split_line">{{ order.total_amount }}元 含运费：{{ order.freight }}元</td>

           <td class="split_line"><p style="color:#F30">{{ order.pay_method_name }}</p></td>
           <td class="operating">
             <a href="#">{{ order.status_name }}</a>
           </td>
           </tr>
           </tbody>
{#            <tbody>#}
{#           <tr class="Order_info on"><td colspan="6" class="Order_form_time"><input name="" type="checkbox" value=""  class="checkbox"/>下单时间：2015-12-3 | 订单号：445454654654654</td></tr>#}
{#           <tr class="Order_Details" >#}
{#           <td colspan="3">#}
{#             <table class="Order_product_style">#}
{#           <tbody><tr>#}
{#           <td>#}
{#            <div class="product_name clearfix">#}
{#            <a href="#" class="product_img"><img src="/static/products/p_11.jpg" width="80px" height="80px"></a>#}
{#            <a href="3" class="p_name">天然绿色多汁香甜无污染水蜜桃</a>#}
{#            <p class="specification">礼盒装20个/盒</p>#}
{#            </div>#}
{#            </td>#}
{#             <td>5</td>#}
{#           <td>2</td>#}
{#           </tr>#}
{#           <tr>#}
{#           <td>#}
{#            <div class="product_name clearfix">#}
{#            <a href="#" class="product_img"><img src="/static/products/p_3.jpg" width="80px" height="80px"></a>#}
{#            <a href="3" class="p_name">天然绿色多汁香甜无污染水蜜桃</a>#}
{#            <p class="specification">礼盒装20个/盒</p>#}
{#            </div>#}
{#            </td>#}
{#             <td>5</td>#}
{#           <td>2</td>#}
{#            </tr>#}
{#            </tbody></table>#}
{#           </td>#}
{#           <td class="split_line">100</td>#}
{#           <td class="split_line"><p style="color:#F30">交易已成功</p><p style="color:#999">已评论</p></td>#}
{#           <td class="operating">#}
{#             <a href="#">查看订单</a>#}
{#             <a href="#">查看物流</a>#}
{#             <a href="#">申请售后</a>#}
{#             <a href="#">删除</a>#}
{#           </td>#}
{#           </tr>#}
{#            </tbody>#}
{#            <tbody>#}
{#           <tr class="Order_info"><td colspan="6" class="Order_form_time"><input name="" type="checkbox" value=""  class="checkbox"/>下单时间：2015-12-3 | 订单号：445454654654654</td></tr>#}
{#           <tr class="Order_Details" >#}
{#           <td colspan="3">#}
{#           <table class="Order_product_style">#}
{#           <tbody><tr>#}
{#           <td>#}
{#            <div class="product_name clearfix">#}
{#            <a href="#" class="product_img"><img src="/static/products/p_12.jpg" width="80px" height="80px"></a>#}
{#            <a href="3" class="p_name">天然绿色多汁香甜无污染水蜜桃</a>#}
{#            <p class="specification">礼盒装20个/盒</p>#}
{#            </div>#}
{#            </td>#}
{#            <td>5</td>#}
{#           <td>2</td>#}
{#            </tr>#}
{#            </tbody></table>#}
{#           </td>#}
{#           <td class="split_line">100</td>#}
{#           <td class="split_line"><p style="color:#F33">买家已付款</p></td>#}
{#           <td class="operating">#}
{#                <a href="#">查看订单</a>#}
{#                <a href="#">在线客服</a>#}
{#                <a href="#" class="Delivery_btn">确认收货</a>#}
{#           </td>#}
{#           </tr>#}
{#           </tbody>#}
{#             <tbody>#}
{#           <tr class="Order_info"><td colspan="6" class="Order_form_time"><input name="" type="checkbox" value=""  class="checkbox"/>下单时间：2015-12-3 | 订单号：445454654654654</td></tr>#}
{#           <tr class="Order_Details">#}
{#           <td colspan="3">#}
{#           <table class="Order_product_style">#}
{#           <tbody><tr>#}
{#           <td>#}
{#            <div class="product_name clearfix">#}
{#            <a href="#" class="product_img"><img src="/static/products/p_12.jpg" width="80px" height="80px"></a>#}
{#            <a href="3" class="p_name">天然绿色多汁香甜无污染水蜜桃</a>#}
{#            <p class="specification">礼盒装20个/盒</p>#}
{#            </div>#}
{#            </td>#}
{#            <td>5</td>#}
{#           <td>2</td>#}
{#            </tr>#}
{#            </tbody></table>#}
{#           </td>#}
{#           <td class="split_line">100</td>#}
{#           <td class="split_line">等待买家付款</td>#}
{#           <td class="operating">#}
{#                <a href="#">查看详细</a>#}
{#                 <a href="#">查看物流</a>#}
{#                  <a href="#">取消订单</a>#}
{#             <a href="#">删除</a>#}
{#           </td>#}
{#           </tr>#}
{#           </tbody>#}
{#             <tbody>#}
{#           <tr class="Order_info"><td colspan="6" class="Order_form_time"><input tabindex="13" type="checkbox" id="flat-checkbox-1">下单时间：2015-12-3 | 订单号：445454654654654</td></tr>#}
{#           <tr class="Order_Details">#}
{#           <td colspan="3">#}
{#           <table class="Order_product_style">#}
{#           <tbody><tr>#}
{#           <td>#}
{#            <div class="product_name clearfix">#}
{#            <a href="#" class="product_img"><img src="/static/products/p_12.jpg" width="80px" height="80px"></a>#}
{#            <a href="3" class="p_name">天然绿色多汁香甜无污染水蜜桃</a>#}
{#            <p class="specification">礼盒装20个/盒</p>#}
{#            </div>#}
{#            </td>#}
{#            <td>5</td>#}
{#           <td>2</td>#}
{#            </tr>#}
{#            </tbody></table>#}
{#           </td>#}
{#           <td class="split_line">100</td>#}
{#           <td class="split_line"><p style="color:#F33">确认收货</p><p style="color:#CCC">买家未评价</p></td>#}
{#           <td class="operating">#}
{#                <a href="#">查看详细</a>#}
{#                <a href="#">在线客服</a>#}
{#                <a href="#" class="Refund_btn">评价商品</a>#}
{##}
{#           </td>#}
{#           </tr>#}
{#           </tbody>#}
         </table>
          {% endfor %}
    </div>
     </div>
   </div>
   <script>
            $(document).ready(function(){
              $('.Order_form_style input').iCheck({
                checkboxClass: 'icheckbox_flat-green',
                radioClass: 'iradio_flat-green'
              });
            });
            </script>
  </div>
 </div>
</div>
<!--网站地图-->
<div class="fri-link-bg clearfix">
    <div class="fri-link">
        <div class="logo left margin-r20"><img src="/static/images/fo-logo.jpg" width="152" height="81" /></div>
        <div class="left"><img src="/static/images/qd.jpg" width="90"  height="90" />
            <p>扫描下载APP</p>
        </div>
       <div class="">
    <dl>
	 <dt>新手上路</dt>
	 <dd><a href="#">售后流程</a></dd>
     <dd><a href="#">购物流程</a></dd>
     <dd><a href="#">订购方式</a> </dd>
     <dd><a href="#">隐私声明 </a></dd>
     <dd><a href="#">推荐分享说明 </a></dd>
	</dl>
	<dl>
	 <dt>配送与支付</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>
	<dl>
	 <dt>售后保障</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>
	<dl>
	 <dt>支付方式</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>	
    <dl>
	 <dt>帮助中心</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>
     <dl>
	 <dt>帮助中心</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>
     <dl>
	   
   </div>
    </div>
</div>
<!--网站地图END-->
<!--网站页脚-->
<div class="copyright">
    <div class="copyright-bg">
        <div class="hotline">为生活充电在线 <span>招商热线：****-********</span> 客服热线：400-******</div>
        <div class="hotline co-ph">
            <p>版权所有Copyright ©***************</p>
            <p>*ICP备***************号 不良信息举报</p>
            <p>总机电话：****-*********/194/195/196 客服电话：4000****** 传 真：********
                
                E-mail:****@****.gov.cn</p>
        </div>
    </div>
</div>
</body>
</html>
